<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/denglu.css">
    <link rel="stylesheet" href="css/font/iconfont.css">
    <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
    <title>Title</title>
</head>
<body>


<div class="header clearfix">
    <span>登陆</span>
    <i class="fa fa-chevron-left ic" id="hd_lf"></i>
    <i class="fa fa-refresh ic" id="hd_rg"></i>
</div>
<div class="body">
    <ul class="body_list">
        <li class="clearfix">
            <span>账号</span>
            <input type="text" placeholder="请输入用户名，长度2-15个字符">
        </li>
        <li class="clearfix">
            <span>密码</span>
            <input type="password" placeholder="请输入登录密码，长度6-20个字符">
        </li>
        <li class="clearfix">
            <span>确认密码</span>
            <input type="password" placeholder="请再次输入密码">
        </li>
        <li class="clearfix">
            <span>邮箱</span>
            <input type="email" placeholder="用于激活账号和接受返利订单信息">
        </li>
        <li class="clearfix">
            <span>QQ号</span>
            <input type="password" placeholder="进官方优质群验证使用">
        </li>
        <li class="clearfix">
            <span>手机号</span>
            <input type="tel" placeholder="请输入手机号 ">
        </li>
        <li class="clearfix">
            <span>验证码</span>
            <input type="password" placeholder="请输入手机校验码" id="yz">
            <div id="yzm">获取验证码</div>
        </li>

        <li class="sub">
            <input type="submit" value="确认注册">
        </li>
        <li class="bottom clearfix">
            <p id="bot_txt" class="clearfix">
                <span><i>注册即代表您同意</i>一起惠用户服务协议</span>
                <span><i>已有账号？</i>马上登陆 </span>
            </p>
            <span id="bot_title">使用合作网站账号登陆</span>
            <div id="qq"><i class="fa fa-qq"></i></div>
        </li>
    </ul>
</div>

<div class="footer">
    <ul class="clearfix">
        <li>
            <i class="iconfont icon-fangzi icon"></i>
            <p>首页</p>
        </li>
        <li>
            <i class="iconfont icon-shangcheng icon"></i>
            <p>商城返利</p>
        </li>
        <li>
            <i class="iconfont icon-youhui icon"></i>
            <p>优惠爆料</p>
        </li>
        <li>
            <i class="iconfont icon-iconfont icon"></i>
            <p>超级返利</p>
        </li>
        <li>
            <i class="iconfont icon-wode icon"></i>
            <p>我的</p>
        </li>
    </ul>
</div>


<script>
    (function (win, doc) {
        //浏览器缩放时
        win.onresize = function () {
            change();
        };
        change();
        function change() {
            var oFs = doc.documentElement.clientWidth / (414 / 20);

            //设置根目录字体大小
            doc.documentElement.style.fontSize = oFs + 'px';
        }
    })(window, document);
</script>

</body>
</html>